<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./css/xiangqing.css">
    <link rel="stylesheet" type="text/css" href="./iconfont/font/iconfont.css">
    <link rel="shortcut icon" href="./favicon.ico" />
</head>

<body>
    <!-- 顶部 -->
    <header>
        <img src="./images/l.jpg" alt="">
        <ul class="banxin wnqcf">
            <li><a href="./index.html">联想首页</a></li>
            <li><a href="lianbiao.html">商城</a></li>
            <li><a href="gouwuche.html">购物车</a></li>
            <li><a href="lianbiao.html">服务</a></li>
            <li><a href="lianbiao.html">会员</a></li>
            <li><a href="lianbiao.html">社区</a></li>
            <li><a href="lianbiao.html">门店</a></li>
            <li><a href="lianbiao.html">品牌</a></li>
            <li><a href="" style="color: red;">下载app</a> </li>
            <li style="float: right;">
                <div class="headr_right .wnqcf">
                    <div class="zuo"><a href="./denlu.html">登录</a></div>
                    <div class="zhon">|</div>
                    <div class="you"><a href="./zhuche.html">注册</a></div>
                    <img src="./images/小手机.png" alt="">
                </div>
            </li>
        </ul>
    </header>
    <!-- 导航栏 -->
    <nav class="wqncf">
        <ul class="banxin">
            <li>新品</li>
            <li>定制</li>
            <li>合伙人</li>
            <li>以旧换新</li>
            <li>0元试用</li>
            <li>乐豆购</li>
            <li>学生</li>
            <li>直播</li>
            <li>企业购</li>
            <li>0元购</li>
            <li class="qcybj fangdajing">
                <input type="text" placeholder="私玩制定 自成一派">
                <img src="./images/放大镜.png" alt="">
            </li>
        </ul>
    </nav>
    <!-- 导航路径 -->
    <div class="ljdh banxin">
        <ol class="wnqcf">
            <li><a href="index.html">首页</a></li>
            <span>/</span>
            <li><a href="lianbiao.html">列表页</a></li>
            <span>/</span>
            <li class="dangqianye">详情页</li>
        </ol>
    </div>
    <hr>

    <!-- 主体 -->
    <div class="zhuti banxin wnqcf">
        <!-- 放大镜 -->
        <div class="fangdajing_xiangqing">
            <div class="box">
                <img src="" alt="">
                <div class="mask"></div>
                <div class="big">
                    <img src="" alt="">
                </div>
            </div>
            <div class="small">
                <img class="active" src="" alt="">
                <img src="" alt="">
                <img src="" alt="">
            </div>
        </div>
        <!-- 商品信息 -->
        <div class="spxx">
            <h1>商品信息</h1>
            <div class="spname">
                <span>xx</span>
            </div>
            <div class="spjianshao">
                <span>xx</span>
            </div>
            <div class="huodon">
                <div class="huodon_shang">
                    <span>超值秒杀</span>
                </div>
                <div class="huodon_zhon">
                    <div class="shang">
                        <div class="shangzuo">
                            <span>秒杀价</span>
                            <span class="spyuanjia">xx</span>
                        </div>
                    </div>
                </div>
                <div class="huodon_xia">
                    <ul>
                        <li>活动</li>
                        <li>限量增值服务</li>
                        <li>评价晒单有礼</li>
                        <li>注册有礼</li>
                        <li>七天无理由退换</li>
                    </ul>
                </div>
            </div>
            <button class="goumai">立即购买</button>
            <button class="jieshuan">立即结算</button>

        </div>

        <!-- tab -->
    <div class="tab">
        <ul>
            <li class="active">名字</li>
            <li>详情</li>
            <li>功能</li>
        </ul>
        <ol>
            <li class="active"></li>
            <li></a></li>
            <li></a></li>
        </ol>
    </div>
    </div>
    
    <div class="footer_foot">
        <div class="banxin wnqcf">
            <div class="foot_left">
                版权所有：1998-2021 联想集团
                <span>|</span>
                <a href="" title="法律公告" target="_blank">法律公告</a>
                <span>|</span>
                <a href="" title="隐私权政策" target="_blank">隐私权政策</a>
                <span>|</span>
                <a href="" title="产品安全" target="_blank">产品安全</a>
            </div>
            <div class="footer_right ">
                <a href="" target="_blank" rel="nofollow">京ICP备11035381-2</a>
                <span>|</span>
                <i style="font-style:normal;">京公网安备110108007970号</i>
                <span>|</span>
                <a href="https://p2.lefile.cn/product/adminweb/2019/07/09/4e555443-93b5-46d5-984f-7d5b06ea2967.jpg"
                    title="营业执照" target="_blank">营业执照:91110108700000458B</a>
                <span>|</span>
                <a href="https://p2.lefile.cn/fes/cms/2021/06/28/kfqkr0wi9cgsbuubsnbwihci0rg4ft786379.jpg"
                    title="增值电信业务许可证 合字B2-20210143" target="_blank">增值电信业务许可证 合字B2-20210143</a>
            </div>
        </div>
    </div>
    </div>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/tools.js"></script>
<script src="./js/cookie.js"></script>
<script src="./node_modules/layui-layer/dist/layer.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.js"></script>
<script src="./js/xiangqingye.js"></script>
<script src="./js/fangdajing.js"></script>


</html>